<div class="leftcolumn">
    <div class="icons">
         <ul>
            <li>
                    <a href="./#" onclick="javascript:openPage('home.html');"><img title="home" src="images/icon_home.png" alt="&Iacute;cone para Home do site" /></a>
            </li>
            <li>
                    <a href="./#" onclick="javascript:openPage('evento.html');"><img title="Conhe&ccedil;a a SINFORM" src="images/icon_sinform.png" alt="&Iacute;cone para sess&atilde;o de eventodo site"/></a>
            </li>
            <li>
                    <a href="./#" onclick="javascript:openPage('publico.html');"><img title="Nosso p&uacute;blico alvo" src="images/icon_public.png" alt="&Iacute;cone para sess&atilde;o de P&uacute;blico do evento" /></a>
            </li>
            <li>
                    <a href="./#" onclick="javascript:openPage('multimidia.html');"><img title="Fotos e imagens de edi&ccedil;&otilde;es anteriores da SINFORM" src="images/icon_movie.png" alt="&Iacute;cone para sess&atilde;o de imagens do site" /></a>
            </li>
            <li>
                    <a href="./#" onclick="javascript:openPage('programacao.html');"><img title="Programa&ccedil;&atilde;o do Evento" src="images/icon_calendar.png" alt="&Iacute;cone para programa&ccedil;&atilde;o do evento" /></a>
            </li>
            <li>
                    <a href="inscricao.php" ><img title="Fa&ccedil;a sua inscri&ccedil;&atilde;o aqui" src="images/icon_register.png" alt="&Iacute;cone para p&atilde;gina de inscri&ccedil;&atilde;o do evento" /></a>
            </li>
            <li>
                    <a href="./#" onclick="javascript:openPage('wtic.php')"><img title="Fa&ccedil;a sua inscri&ccedil;&atilde;o aqui" src="images/chamadas.png" alt="&Iacute;cone para p&atilde;gina de chamada de trabalhos" /></a>
            </li>
            <li>
                    <a href="./#" onclick="javascript:openPage('local.html');"><img title="Conhe&ccedil;a o local do evento" src="images/icon_map.png" alt="&Iacute;cone para informa&ccedil;&otilde;es sobre o local do evento"/></a>
            </li>
            <li>
                    <a href="./#" onclick="javascript:openPage('contato.html');"><img title="Entre em contato conosco" src="images/icon_mail.png" alt="&Iacute;cone para entrar em contato com a coordena&ccedil;&acirc;o do evento" /></a>
            </li>
        </ul>
        </div> <!-- fim dos &iacute;cones -->

        <div class="menu"> <!-- menu -->
        <ul>
            <li>
                    <a href="#" onclick="javascript:openPage('home.html');"><img title="home" src="images/icon_home.png" alt="&Iacute;cone para Home do site"/><span>Home</span></a>
            </li>
            <li>
                    <a href="#" onclick="javascript:openPage('evento.html');"><img title="Conhe&ccedil;a a SINFORM" src="images/icon_sinform.png" alt="&Iacute;cone para sess&atilde;o de eventodo site"/><span>O evento</span></a>
            </li>
            <li>
                    <a href="#" onclick="javascript:openPage('publico.html');"><img title="Nosso p&uacute;blico alvo" src="images/icon_public.png" alt="&Iacute;cone para sess&atilde;o de P&uacute;blico do evento"/><span>P&uacute;blico Alvo</span></a>
            </li>
            <li>
                    <a href="#" onclick="javascript:openPage('multimidia.html');"><img title="Fotos e imagens de edi&ccedil;&otilde;es anteriores da SINFORM" src="images/icon_movie.png" alt="&Iacute;cone para sess&atilde;o de imagens do site" /><span>Multim&iacute;dia</span></a>
            </li>
            <li>
                    <a href="#" onclick="javascript:openPage('programacao.html');"><img title="Programa&ccedil;&atilde;o do Evento" src="images/icon_calendar.png" alt="&Iacute;cone para programa&ccedil;&atilde;o do evento" /><span>Programa&ccedil;&atilde;o</span></a>
            </li>
            <li>
                    <a href="inscricao.php" ><img title="Fa&ccedil;a sua inscri&ccedil;&atilde;o aqui" src="images/icon_register.png" alt="&Iacute;cone para p&atilde;gina de inscri&ccedil;&atilde;o do evento" /><span>Inscreva-se</span></a>
            </li>
            <li>
                    <a href="#" onclick="javascript:openPage('wtic.php')"><img title="Fa&ccedil;a sua inscri&ccedil;&atilde;o aqui" src="images/chamadas.png" alt="&Iacute;cone para p&atilde;gina de chamada de trabalhos" /><span>Trabalhos de IC</span></a>
            </li>
            <li>
                    <a href="#" onclick="javascript:openPage('local.html');"><img title="Conhe&ccedil;a o local do evento" src="images/icon_map.png" alt="&Iacute;cone para informa&ccedil;&otilde;es sobre o local do evento" /><span>Mapa da UESC</span></a>
            </li>
            <li>
                    <a href="#" onclick="javascript:openPage('contato.html');"><img title="Entre em contato conosco" src="images/icon_mail.png" alt="&Iacute;cone para entrar em contato com a coordena&ccedil;&acirc;o do evento" /><span>Contato</span></a>
            </li>
        </ul>
    </div> <!--fim do menu -->
</div><!--fim da coluna esquerda -->